page-register {
  position: relative;
  .bg{
    position: absolute;
    width:100vw;
    height: 100vh;
    left: 0;
    top:0;
  }
  .back{
    position: absolute;
    top:40px;
    left: 20px;
    opacity: 0.6;
    font-size: 28px;
    z-index: 10;
  }
  .container{
    position: absolute;
    width:100vw;
    height: 100vh;
    left: 0;
    top:0;
    // background: #f9f9f9;
    h1{
      color:#488aff;
    }
    .form_box{
      height: 70vh;
      width:70%;
      form{
        margin-top:40px;
      }
      .input_box{
        padding:8px 0;
        position: relative;
        border-bottom:1px solid #ddd;
        p{
          position: absolute;
          bottom: -18px;
          left: 0px;
          font-size: 12px;
          color:red;
        }
        label{
          display: inline-block;
          text-align: center;
          width:30px;
        }
        input{
          border:none;
          outline: none;
          background: transparent;
        }
        &:not(:first-child){
          margin-top:20px;
        }
        &.error{
          border-color:red;
        }
      }
      .captcha_input{
        width:100px;
      }
      .captcha_text{
        border:1px solid #2E88FF;
        color: #2E88FF;
        font-size: 10px;
        padding:3px 5px;
        border-radius: 2px;
        float:right;
        transform: translateY(-5px);
        .no{
          border:1px solid #eee;
          color: #aaa;
        }
      }
      button{
        margin-top:40px;
      }
      .btn_group{
        margin-top:10px;
        span{
          color:#2E88FF;
        }
        span:nth-child(2){
          float: right;
          font-size: 14px;
        }
      }
    }
  }
}
